<template>
  <div class="footerBox">
    <div class="footer">
      <ul>
        <li>
          <router-link to="/">
            <van-icon name="wap-home-o"
                      size="2em" />
            <p>首页</p>
          </router-link>
        </li>
        <li>
          <a href="typelist.html">
            <van-icon name="apps-o"
                      size="2em" />
            <p>分类</p>
          </a>
        </li>
        <li>
          <router-link to="/product/product/cart">
            <van-icon name="cart-o"
                      size="2em" />
            <p>购物车</p>
          </router-link>
        </li>
        <li>
            <!-- 必须从根目录下的vite.config.js引入路径模块 -->
          <router-link to="/user/base/index">
            <van-icon name="manager-o"
                      size="2em" />
            <p>我的</p>
          </router-link>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {}
</script>

<style>
.footerBox .footer {
  height: 65px;
}
.footerBox .footer ul li {
  padding: 0.5rem 0;
}
.footer li {
  text-align: center;
}

.footer li a.active {
  color: #fe7923;
}

.footer li a.active p {
  color: #fe7923;
}
</style>